<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站案例</title>
    <link rel="stylesheet" href="css01.css">
</head>

<body>
<!--头部-->

        <div class="title">
            <img class="top" src="images1/llogo.png" alt="" width="275px" height="57px">
            <div class="top1">
                <span>首页收藏</span>
                <img src="images1/wifi.jpg" alt="">
            </div>
            <div class="top2">
                <span>联系我们</span>
                <img src="images1/twitter.jpg" alt="">
        </div>

<!--导航栏-->
        <nav>
            <ul class="father">
                <li class="son1">网站首页</li>
                <li class="son2">南京新闻</li>
                <li class="son3">南京文化</li>
                <li class="son4">景点介绍</li>
                <li class="son5">联系我们</li>
            </ul>
        </nav>

<!--主体-->
<article>
    <p  align="center" >
        <img src="images1/nanjing.jpg" alt="" width="960px" height="280px" title="印象南京">
    </p>
    <br>
    <p class="one1">欢迎来到印象南京主页</p>
    <p class="one2">
        南京，简称“宁”，古称金陵、建康，是江苏省省会、副省级市、南京都市圈核心城市，国务院批复确定的中国东部地区重要的中心城市、
        全国重要的科研教育基地和综合交通枢纽。南京是中国四大古都、首批国家历史文化名城 ，是中华文明的重要发祥地，历史上曾数次庇佑
        华夏之正朔，是四大古都中唯一未做过异族政权首都的古都，长期是中国南方的政治、经济、文化中心 。南京早在100-120万年前就有古
        人类活动，有着7000多年文明史、近2600年建城史和近500年的建都史，有“六朝古都”、“十朝 都会”之称。南京是国家重要的科教中心，
        自古以来就是一座崇文重教的城市，有“天下文枢”、“东南第一学”的美誉，明清时期中国一半以上的状元均出自南京江南贡院。
    </p>
    <img class="two" src="images1/njnj.jpg" alt=""  width="160px" height="160px">
</article>

<div class="three">
    <span><strong>南京景点1</strong></span>
    <img id="m01" src="images1/jimingsi.jpg" alt="" title="鸡鸣寺">
    <span><strong>鸡鸣寺</strong></span>
</div>
<div class="three">
    <span><strong>南京景点2</strong></span>
    <img id="m02" src="images1/xuanwuhu.jpg" alt="" title="玄武湖">
    <span><strong>玄武湖</strong></span>
</div>
<div class="three">
    <span><strong>南京景点3</strong></span>
    <img id="m03" src="images1/fuzimiao.jpg" alt="" title="夫子庙">
    <span><strong>夫子庙</strong></span>
</div>
 </div>

<!--尾部-->
<footer>
    <p align="center">&nbsp;&nbsp;2020.07.09 南京特殊教育师范学院. 1183902098.&nbsp;&nbsp;gaoruina</p>
</footer>

</body>
</html>